/**
 *  Copyright (c) 2005 Service Union Group - www.serviceunion.net
 *
 *  @author     <a href="mailto:eroclu@yahoo.com">Andy Lu</a>
 *  @date       08/15/06
 */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    background-color: #ffffff;
}

table, td, a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ff0000;
    padding-top: 4px;
}

.input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 1px;
	border: 1px solid #cccccc;
}

.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	border-top: solid 1px #d5d5d5;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	border-left: solid 1px #d5d5d5;
}

.footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 20px;
    width: 680px;
    border: 0px;
}

.footerlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    text-align: center;
    line-height: 22px;
}

.copyright {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: 5px;
    color: #363636;
}

.required {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ff0000;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    color: #105bac;
    line-height: 20px;
    text-decoration: none;
}

a:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 20px;
    text-decoration: underline;
}

.logintitle {
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    background-color: #4887C8;
    height:23px;
    text-align: center;
}

.loginbox {
    height: 170px;
    border-right: #4887C8 1px solid;
    border-bottom: #4887C8 1px solid;
}

.registrytitle {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    background-color: #008000;
    height:28px;
    text-align: center;
}

table.greenbox {
    width: 100%;
    border-left: #A8D98F 1px solid;
    border-right: #A8D98F 1px solid;
}

td.promo {
    text-align: center;
    color: #26652A;
    font-weight: bold;
}

table.descbox {
    width: 520px;
    height: 266px;
    border-left: #336699 2px solid;
    border-bottom: #336699 2px solid;
}

table.descbox td.descboxtitle {
    height: 22px;
    background-color: #336699;
    color: #ffffff;
    padding-left: 8px;
    font-weight: bold;
    word-spacing: 1px;
}

table.descbox td.descboxcontent {
    color: #000000;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    background-color: #cccccc;
    vertical-align: top;
    line-height: 22px;
}

table.newsbox {
    width: 279px;
    height: 266px;
    border-right: #006666 2px solid;
    border-bottom: #006666 2px solid;
}

table.newsbox td.newsboxtitle {
    height: 22px;
    background-color: #006666;
    color: #ffffff;
    padding-left: 8px;
    font-weight: bold;
    word-spacing: 1px;
}

table.newsbox td.newsboxcontent {	
    padding-left : 2px;
    padding-bottom: 10px;
    padding-top:2px;
    padding-right: 20px;
    vertical-align: top;
}

table.partnerbox {
    width: 800px;
    height: 100px;
    border-left: #777777 2px solid;
    border-right: #777777 2px solid;
    border-bottom: #777777 2px solid;
}

table.partnerbox td.partnerboxtitle {
    height: 22px;
    background-color: #777777;
    color: #ffffff;
    padding-left: 8px;
    font-weight: bold;
    word-spacing: 1px;
}

table.partnerbox td.partnerboxcontent {	
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
}

table.menubox {
    width: 199px;
    height: 360px;
    border-right: #336699 2px solid;
    border-left: #336699 2px solid;
    border-bottom: #336699 2px solid;
}

table.menubox td.menuboxtitle {
    height: 22px;
    background-color: #336699;
    color: #ffffff;
    padding-left: 8px;
    font-weight: bold;
    word-spacing: 1px;
    text-align: center;
}

table.menubox td.menuboxcontent {	
    padding: 0;
    vertical-align: top;
}

table.mainbox {
    width: 600px;
    height: 360px;
    border-right: #006666 2px solid;
    border-bottom: #006666 2px solid;
}

table.mainbox td.mainboxtitle {
    height: 22px;
    background-color: #006666;
    color: #ffffff;
    padding-left: 8px;
    font-weight: bold;
    word-spacing: 1px;
}

table.mainbox td.mainboxcontent {	
    padding: 0;
    vertical-align: top;
}

td.leftmenu {
    text-align: center;
    vertical-align: middle;
    height: 23px;
    background-color: #777777;
    border-bottom: solid 1px #ffffff;
}

td.leftmenu a {
    width: 195px;
    height: 23px;
    display: block;
    padding-top: 5px;
    text-decoration: none;
    color: #ffffff;    
}

td.leftmenu a:hover {
    background-color: #cccccc;
    color: #000000;
}




#cpanel {  text-align: center;  vertical-align: middle; }

#cpanel div.icon   { margin: 3px; }
#cpanel div.icon a { 
	display: block; float: left;
	height: 97px !important;
	height: 100px; 
	width: 108px !important;
	width: 110px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 
	color : #333; 
	background-color: #f1e8e6;  
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;}